@charset "utf-8";
/*CSS*/
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td, blockquote { margin: 0; padding: 0; font-size: 12px; }
html, body { width: 100%; height: 100%; }
body { zoom: 1; background: #ffffff; font-family: Arial, "微软雅黑", "Microsoft YaHei";  }
body { *font-family:"微软雅黑", "Microsoft YaHei";
}
img { border: 0 none; vertical-align: middle; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { }
body, input, select, button, textarea { font-size: 12px; font-family: Arial, "微软雅黑"; }
body, input, select, button, textarea { *font-family:"微软雅黑", "Microsoft YaHei";
}
table, tr, th, td { border: 0 none; vertical-align: middle; border-collapse: collapse; }
button { cursor: pointer; }
i, em, cite, address { font-style: normal; }
a { text-decoration: none; outline: none; blr:expression(this.onFocus=this.blur());
}
a:link { text-decoration: none; cursor: pointer; }
a:hover, a:active { text-decoration: none; -moz-background-clip: 222; }
a:focus { outline: none; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {
border:none;
padding:0;

}
 
/*0.2S 动画*/
.section4 li:after
{ transition: all 0.2s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all 0.2s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -ms-transition: all 0.2s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all 0.2s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}

/*0.3S 动画*/
.swiper-button-next,
.swiper-button-prev,
.section4 .swiper-section4-text,
.section5 .swiper-slide span:before,
.section5 .swiper-slide span:after,
.section5 .swiper-slide em,
.section5 .swiper-slide:before,
.section2 .SlideBack img,
.section3 .swiper-slide .swiper-Img img,
.section3 .swiper-slide .swiper-Text,
.section5 .swiper-slide .section5-swiper-img img,
.section7 .news a.more,
.section7 .news-title,
.Return li,
.section6 .section6-swiper-img img
{ transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}

/*0.5S 动画*/
.section2 .sectionSlide li,
.section2 .sectionSlide li:after,
.section3 .swiper-slide
{ transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}

/*1S 动画*/
.section2 .SlideText
{ transition: all 1s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -ms-transition: all 1s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all 1s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}

/* 2D旋转
{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);}
 */

/* 放大 */
.section2 .sectionSlide li:after,
.section5 .swiper-slide span:before,
.section5 .swiper-slide span:after,
.section5 .swiper-slide em,
.section2 .SlideBack img,
.section3 .swiper-slide .swiper-Img img,
.section5 .swiper-slide .section5-swiper-img img
{transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); }



/*切换 效果*/
.TitleEn h2,
.TitleEn font,
.TitleEn small,
.TitleEn span,
.TitleCh font,
.TitleCh p,
.TitleCh span
{ position: relative; transform:translateY(20px); opacity:0;  transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}
.copyright{ position: relative; transform:translateY(-40px); opacity:0;  transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}

.TitleEn h2.artive{ transform:translateY(0px); opacity:1;  transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}
.TitleEn font.artive{ transform:translateY(0px); opacity:1;  transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.2s; -webkit-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.2s; -ms-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.2s; -moz-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.2s;}
.TitleEn small.artive{ transform:translateY(0px); opacity:1;  transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.4s; -webkit-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.4s; -ms-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.4s; -moz-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.4s;}
.TitleEn span.artive{ transform:translateY(0px); opacity:1;  transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.6s; -webkit-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.6s; -ms-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.6s; -moz-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0.6s;}
.TitleCh font.artive{transform:translateY(0px); opacity:1;  transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s; -webkit-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s; -ms-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s; -moz-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s;}
.TitleCh p.artive{transform:translateY(0px); opacity:1;  transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s; -webkit-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s; -ms-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s; -moz-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s;}
.TitleCh span.artive{transform:translateY(0px); opacity:1;  transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s; -webkit-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s; -ms-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s; -moz-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0.8s;}
.copyright.artive{transform:translateY(0px); opacity:1;  transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}






